<template>
  <div>组件通信演示</div>
  <!-- <input :id="refId"> -->
  <ChildCompent
    :iconName="iconName"
    :title="title"
    @submit="handleSubmit"
  ></ChildCompent>
</template>

<script setup>
import { ref } from "vue";
import ChildCompent from "../components/ChildCompent.vue";

const iconName = ref("Document");
const title = ref("Documentation");

const handleSubmit = (event) => {
  console.log(event);
};
</script>

<style lang="css" scoped></style>
